<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>Title</title>
    <#include "/view/head.html"/>
    <script src="${base}/jstool/metismenu.js"></script>
    <!--<script src="${base}/jstool/prism/prism.min.js"></script>-->

    <link rel="stylesheet" type="text/css" href="${base}/jstool/metismenu.min.css" />
    <link rel="stylesheet" type="text/css" href="${base}/jstool/demo.css" />
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/default.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/font-awesome.min.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/prism/prism.min.css" />-->

    <style type="text/css">



        #menu a{
            /*height:50px !important;*/
            /*line-height: 40px !important;*/
            /*font-size:24px;*/
            padding:10px 20px;

        }
        body{
            background-color: #3d4444;
        }
        .sucaihuo-content{
            height: 100%;
            width: 100%;
            display:inline;
            white-space:nowrap;
        }
        .content{
            width:100%;
        }
        .clearfix{
            position: absolute;
            float:left;
        }
        .main-content{
            position: absolute;
            float: left;
            /*width:100%;*/
            margin-left: 250px;
            /*margin-left: 250px;*/
            /*clear:both;*/
        }
        .hidleft-a{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
    <script type="text/javascript">
        var it=1;
        $(function () {
            $('#menu').metisMenu();
            $('.main-content').css('width',$(window).width()-250);
//            $('.main-content').css('height','100%');
//            $('.sidebar a').attr('target','mainFrame');
            $('.sidebar a').each(function(){
                var href = $(this).attr('href');
//                console.log('a='+href+';是否相等：'+('#'!=href));
                if('#'!=href){
                    $(this).attr('target','mainFrame');
                }


            });
            $('#mainFrame').css('height',$(window).height()-60);
            $('.main-content').css('width',$('.top-user')[0].clientWidth-250);
            $('.top-menu-li').click(function(){
                hidleft();
            });


        });
        function hidleft(){
//            alert($('.main-content').css('width'));
            if(it==1){
                $('.clearfix').css('width','500px');
                $('.main-content').css('margin-left','30px');
                $('.main-content').css('width',$('.top-user')[0].clientWidth-30);
                $('#menu').css('width','45px');
                $('.sidebar').css('width','45px');
//                $('.sidebar-nav').css('width','45px');
                $('#menu li').css('display','none');
                $('.top-menu-li').css('display','');
                it=0;
            }else{
                $('.clearfix').css('width','250px');
                $('.main-content').css('margin-left','250px');
                $('.main-content').css('width',$('.top-user')[0].clientWidth-250);
                $('#menu li').css('display','');
                $('.sidebar').css('width','250px');
                $('#menu').css('width','250px');

//                $('.sidsidebar-nav').css('width','250px');
                it=1;
            }


        }
    </script>
</head>
<body>
<div class="sucaihuo-content bgcolor-8">
<#include "/view/top.html"/>
    <div class="clearfix">
            <#include "/view/left.html"/>
    </div>
        <div class="col-xs-12 main-content">
            <iframe src="${base}/approve/list.do" width="100%"  frameborder="0" name="mainFrame" id="mainFrame"></iframe>
          <!--  <div class="panel panel-default">
                <div class="panel-heading">
                    Code
                    <span class="pull-right"><span class="fa fa-code"></span></span>
                </div>
                <div class="panel-body">

                </div>
            </div>-->
        </div>
</div>
</body>
</html>